<template>
  <el-row :gutter="20">
    <el-col :span="24" class="qrcode-style">
      <p>北京慧筑致远</p>
      <p>邀请码:N78P95</p>
      <img
        src="http://dev-hibuilding-new.oss-cn-hangzhou.aliyuncs.com/industry/industry/pic/日报项目填写.jpg"
        alt
      />
    </el-col>
    <el-col :span="24" class="bottom-style">
      <el-button size="medium" @click="onClose">关闭</el-button>
    </el-col>
  </el-row>
</template>

<script>
export default {
  props: {
    todosQR: String,
    catchClose: Function
  },
  data() {
    return {
      imgSrc: ""
    };
  },
  watch: {
    todosQR(n, o) {
      if (n != "") {
        this.imgSrc = n;
      }
    }
  },
  methods: {
    //关闭
    onClose() {
      this.catchClose();
    }
  },
  created() {
    if (this.todosQR != "") {
      this.imgSrc = this.todosQR;
    }
  }
};
</script>

<style lang="scss" scoped>
.qrcode-style {
  text-align: center;
}
p {
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 20px;
}
img {
  width: 300px;
  height: 300px;
}
.bottom-style {
  margin-top: 20px;
  text-align: center;
}
</style>